<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>测试结果界面</title>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate.css"/>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_md.css"/>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_sm.css"/>
    <link rel="stylesheet" href="css/test_Result_md.css" type="text/css"/>
    <link rel="stylesheet" href="css/test_Result_sm.css" type="text/css"/>
    <link rel="stylesheet" href="TemplateUI/PageTemplate/page.css" type="text/css">
    <link rel="stylesheet" href="js/jquery-3.2.1.js">
</head>
<body>
<!--测试结果界面-->
<!--头部导航栏，响应式，最小宽度768-->
<div class="nav">
    <a class="logo_Astray">Astray</a>
    <ul class="nav_ul">
        <a href="index.html"><li class="nav_li nav_action">首页</li></a>
        <a href="article_Index.html"><li class="nav_li">文章</li></a>
        <a href="question_Index.html"><li class="nav_li">问答</li></a>
        <a href="test_Index.html"><li class="nav_li">测试</li></a>
        <a href="FM_Index.html"><li class="nav_li">FM</li></a>
        <li class="nav_menu">
            <ul class="nav_drop">
                <li class="item">更多<span class="triangle"></span></li>
                <a href="interact_List.html"><li class="item">动态</li></a>
                <a href=""><li class="item">选项2</li></a>
            </ul>
        </li>
    </ul>
    <ul class="nav_ul_info">
        <li class="nav_ul_info_li">
            <a  class="nav_ul_info_img" href="user_Center.html">
                <img src="img/headPhoto.png" width="2rem">
            </a>
            <div id="user_infoBox">
                <ul>
                    <li>
                        文章<br/>
                        <span>11</span>
                    </li>
                    <li>
                        提问<br/>
                        <span>11</span>
                    </li>
                    <li>回答<br/>
                        <span>11</span>
                    </li>
                    <li>收藏<br/>
                        <span>11</span>
                    </li>
                </ul>
                <dl>
                    <dt>称号：</dt>
                    <dd><img src="img/jia.png" alt=""></dd>
                    <dd><img src="img/jia.png" alt=""></dd>
                </dl>
                <div>
                    <a>签到</a>
                    <a href="user_Info_baseInfo.html">前往个人信息>>></a>
                </div>
            </div>

        </li>
        <li class="nav_ul_info_li"><a onclick="javascript:window.open('user_chat.html','chat','top=100%,left=100%,status=no,location=no,menubar=no, scrollbars=no,')">消息</a></li>
        <li class="nav_ul_info_li"><a href="user_Info_systemMessage.html">通知</a></li>
    </ul>
</div>
<!---主体部分-->
<div class="Test_subject" style="margin-top: 40px;">
    <!--搜索条-->
    <div class="test_Search">
        <ul class="Search_ul">
            <li class="Search_ul_li">
                <input type="text" placeholder="请输入搜索关键字" class="Search_bar">
            </li>
            <li class="Search_ul_li">
                <button class="Search_button">搜本站</button>
            </li>
            <li class="Search_ul_li">
                <button class="Search_button">搜全网</button>
            </li>
        </ul>
    </div>
    <!--分类导航-->
    <div class="classification">
        <ul class="classification_ul">
            <a href="#"><li class="classification_li" id="defales">心理文章</li></a>
            <a href="#"><li class="classification_li">测试问答</li></a>
            <a href="#"><li class="classification_li" >提问互动</li></a>
        </ul>
    </div>
    <!--测试结果内容-->
    <div class="text_result">
        <!--排序-->
        <div class="text_result_div">
            <p class="text_result_p">为您找到了xx个相关结果</p >
            <div>
                <select class="text_result_select">
                    <option vertical="vertical">按时间升序</option>
                    <option>按时间降序</option>
                    <option>按热门升序</option>
                    <option>按热门降序</option>
                </select>
            </div>
        </div>

        <!---搜所结果内容-->
        <div class="text_result_neirong">
           <div class="text_result_div_neirong1">
                <a href="#"><img src="img/fm_dJ.png" class="text_result_neirong_img"></a>
                <ul class="text_result_neirong1_ul">
                    <a href="#"><li><h3>如果你追到我，我就让你嘿嘿嘿嘿！！！！</h3></li></a>

                    <a href="#"><li >
                        <p><span>文：</span>
                            我么在看一下， 把这些图标都关掉吧！但这个样式我是我们自己写的把他去掉了，我们在一般情况下，不会用它的样式，我们自己会写。
                        </p>
                    </li></a>
                </ul>
                <div class="mituzhe_div">
                    <ul>
                        <a href="#" >
                            <li>
                                迷途者
                            </li>
                        </a>
                        <a href="#">
                            <li class="chakan">
                            <img src="img/查看(3).png"><span>121321</span>
                            </li>
                        </a>
                        <a href="#">
                            <li class="pingjia">
                                <img src="img/操作-评论.png"><span>211</span>
                            </li>
                        </a>
                    </ul>
                </div>
           </div>
        </div>


        <!---搜所结果内容-->
        <div class="text_result_neirong">
            <div class="text_result_div_neirong1">
                <a href="#"><img src="img/fm_dJ.png" class="text_result_neirong_img"></a>
                <ul class="text_result_neirong1_ul">
                    <a href="#"><li><h3>如果你追到我，我就让你嘿嘿嘿嘿！！！！</h3></li></a>

                    <a href="#"><li >
                        <p><span>文：</span>
                            我么在看一下， 把这些图标都关掉吧！但这个样式我是我们自己写的把他去掉了，我们在一般情况下，不会用它的样式，我们自己会写。
                        </p>
                    </li></a>
                </ul>
                <div class="mituzhe_div">
                    <ul>
                        <a href="#" >
                            <li>
                                迷途者
                            </li>
                        </a>
                        <a href="#">
                            <li class="chakan">
                                <img src="img/查看(3).png"><span>121321</span>
                            </li>
                        </a>
                        <a href="#">
                            <li class="pingjia">
                                <img src="img/操作-评论.png"><span>211</span>
                            </li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
        <!---搜所结果内容-->
        <div class="text_result_neirong">
            <div class="text_result_div_neirong1">
                <a href="#"><img src="img/fm_dJ.png" class="text_result_neirong_img"></a>
                <ul class="text_result_neirong1_ul">
                    <a href="#"><li><h3>如果你追到我，我就让你嘿嘿嘿嘿！！！！</h3></li></a>

                    <a href="#"><li >
                        <p><span>文：</span>
                            我么在看一下， 把这些图标都关掉吧！但这个样式我是我们自己写的把他去掉了，我们在一般情况下，不会用它的样式，我们自己会写。
                        </p>
                    </li></a>
                </ul>
                <div class="mituzhe_div">
                    <ul>
                        <a href="#" >
                            <li>
                                迷途者
                            </li>
                        </a>
                        <a href="#">
                            <li class="chakan">
                                <img src="img/查看(3).png"><span>121321</span>
                            </li>
                        </a>
                        <a href="#">
                            <li class="pingjia">
                                <img src="img/操作-评论.png"><span>211</span>
                            </li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
        <!---搜所结果内容-->
        <div class="text_result_neirong">
            <div class="text_result_div_neirong1">
                <a href="#"><img src="img/fm_dJ.png" class="text_result_neirong_img"></a>
                <ul class="text_result_neirong1_ul">
                    <a href="#"><li><h3>如果你追到我，我就让你嘿嘿嘿嘿！！！！</h3></li></a>

                    <a href="#"><li >
                        <p><span>文：</span>
                            我么在看一下， 把这些图标都关掉吧！但这个样式我是我们自己写的把他去掉了，我们在一般情况下，不会用它的样式，我们自己会写。
                        </p>
                    </li></a>
                </ul>
                <div class="mituzhe_div">
                    <ul>
                        <a href="#" >
                            <li>
                                迷途者
                            </li>
                        </a>
                        <a href="#">
                            <li class="chakan">
                                <img src="img/查看(3).png"><span>121321</span>
                            </li>
                        </a>
                        <a href="#">
                            <li class="pingjia">
                                <img src="img/操作-评论.png"><span>211</span>
                            </li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
        <!---搜所结果内容-->
        <div class="text_result_neirong">
            <div class="text_result_div_neirong1">
                <a href="#"><img src="img/fm_dJ.png" class="text_result_neirong_img"></a>
                <ul class="text_result_neirong1_ul">
                    <a href="#"><li><h3>如果你追到我，我就让你嘿嘿嘿嘿！！！！</h3></li></a>

                    <a href="#"><li >
                        <p><span>文：</span>
                            我么在看一下， 把这些图标都关掉吧！但这个样式我是我们自己写的把他去掉了，我们在一般情况下，不会用它的样式，我们自己会写。
                        </p>
                    </li></a>
                </ul>
                <div class="mituzhe_div">
                    <ul>
                        <a href="#" >
                            <li>
                                迷途者
                            </li>
                        </a>
                        <a href="#">
                            <li class="chakan">
                                <img src="img/查看(3).png"><span>121321</span>
                            </li>
                        </a>
                        <a href="#">
                            <li class="pingjia">
                                <img src="img/操作-评论.png"><span>211</span>
                            </li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
        <!---搜所结果内容-->
        <div class="text_result_neirong">
            <div class="text_result_div_neirong1">
                <a href="#"><img src="img/fm_dJ.png" class="text_result_neirong_img"></a>
                <ul class="text_result_neirong1_ul">
                    <a href="#"><li><h3>如果你追到我，我就让你嘿嘿嘿嘿！！！！</h3></li></a>

                    <a href="#"><li >
                        <p><span>文：</span>
                            我么在看一下， 把这些图标都关掉吧！但这个样式我是我们自己写的把他去掉了，我们在一般情况下，不会用它的样式，我们自己会写。
                        </p>
                    </li></a>
                </ul>
                <div class="mituzhe_div">
                    <ul>
                        <a href="#" >
                            <li>
                                迷途者
                            </li>
                        </a>
                        <a href="#">
                            <li class="chakan">
                                <img src="img/查看(3).png"><span>121321</span>
                            </li>
                        </a>
                        <a href="#">
                            <li class="pingjia">
                                <img src="img/操作-评论.png"><span>211</span>
                            </li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="textPage">
        <ul class="testPage">
            <li>上一页</li>
            <li>2</li>
            <li class="action">3</li>
            <li>4</li>
            <li>...</li>
            <li>10</li>
            <li>下一页</li>
        </ul>

    </div>
</div>
</body>
<!--<script type="text/javascript">
    $(function(){
        jQuery(".classification ul").click(function() {
            var Index=jQuery(this).index();
            var onlineContent=jQuery(".classification_li");
            jQuery(".classification ul").css("background-color","#66ccff");
            var content=onlineContent.get(Index);
            onlineContent.hide();
            jQuery(contentt).show();
            jQuery(this).css("background-color","#66ccff");
        });
    });
</script>-->
</html>